<div class="ks-address ks-fade-r">
    <div id="el-location">
        <header class="header">
            <div>
                <a class="back" @click="goback()"><i class="iconfont icon-zuoyoujiantou-copy-copy-copy"></i></a>
                <span v-html="title"></span>
                <a class="menu" v-html="menu" @click="gostep(step)"></a>
            </div>
        </header>
        <div class="pages">
            <div class="mui-table-view bg-transparent-50" id="location_province">
                <template v-for="(m,index) in list_province">
                    <div class="mui-table-view-cell">
                        <a class="mui-navigate-right" @click="chooseProvince(index,m.text)">
                            {{ m.text }}
                        </a>
                    </div>
                </template>
            </div>

            <div class="mui-table-view bg-transparent-50" id="location_city" style="display: none;">
                <template v-for="(m,index) in list_city">
                    <div class="mui-table-view-cell">
                        <a class="mui-navigate-right" @click="chooseCity(index,m.text)">
                            {{ m.text }}
                        </a>
                    </div>
                </template>
            </div>

            <div class="mui-table-view bg-transparent-50" id="location_district" style="display: none;">
                <template v-for="(m,index) in list_district">
                    <div class="mui-table-view-cell">
                        <a class="mui-navigate-right" @click="chooseDistrict(m.text)">
                            {{ m.text }}
                        </a>
                    </div>
                </template>
            </div>
        </div>
    </div>
</div>